<!DOCTYPE HTML>
<html lang="zh-CN">
<head><meta name="generator" content="Hexo 3.8.0">
    <!--Setting-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="apple-mobile-web-app-capable" content="我是一条老鱼">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <meta name="browsermode" content="application">
    <meta name="screen-orientation" content="portrait">
    <meta name="theme-version" content="1.2.3">
    <meta name="root" content="/blog/">
    <link rel="dns-prefetch" href="http://lexizhi.gitee.io/blog">
    <!--SEO-->

    <meta name="keywords" content>


    <meta name="description" content>



<meta name="robots" content="all">
<meta name="google" content="all">
<meta name="googlebot" content="all">
<meta name="verify" content="all">

    <!--Title-->


<title>我是一条老鱼</title>


    <link rel="alternate" href="/atom.xml" title="我是一条老鱼" type="application/atom+xml">


    <link rel="icon" href="/favicon.ico">

    



<link rel="stylesheet" href="/blog/css/bootstrap.min.css?rev=3.3.7">
<link rel="stylesheet" href="/blog/css/font-awesome.min.css?rev=4.5.0">
<link rel="stylesheet" href="/blog/css/style.css?rev=@@hash">




    
	<div class="hide">
		<script type="text/javascript">
			var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan class='cnzz_stat_icon_1263868967 hide' %3E%3Cscript%20src%3D%22https%3A%2F%2Fs95.cnzz.com%2Fz_stat.php%3Fweb_id%3D1272564536%22%3E%3C%2Fscript%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1263868967%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
		</script>
	</div>






    

<link rel="stylesheet" href="/blog/css/prism-tomorrow.css" type="text/css"></head>

</html>
<!--[if lte IE 8]>
<style>
    html{ font-size: 1em }
</style>
<![endif]-->
<!--[if lte IE 9]>
<div style="ie">你使用的浏览器版本过低，为了你更好的阅读体验，请更新浏览器的版本或者使用其他现代浏览器，比如Chrome、Firefox、Safari等。</div>
<![endif]-->

<body>
    <header class="main-header" style="background-image:url(http://snippet.shenliyang.com/img/banner.jpg)">
    <div class="main-header-box">
        <a class="header-avatar" href="/" title="LaoYu">
            <img src="/blog/img/avatar.jpg" alt="logo头像" class="img-responsive center-block">
        </a>
        <div class="branding">
        	<!--<h2 class="text-hide">Snippet主题,从未如此简单有趣</h2>-->
            
                <h2> 学编程从未如此简单有趣 </h2>
            
    	</div>
    </div>
</header>
    <nav class="main-navigation">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="navbar-header"><span class="nav-toggle-button collapsed pull-right" data-toggle="collapse" data-target="#main-menu" id="mnav">
                    <span class="sr-only"></span>
                        <i class="fa fa-bars"></i>
                    </span>
                    <a class="navbar-brand" href="http://lexizhi.gitee.io/blog">我是一条老鱼</a>
                </div>
                <div class="collapse navbar-collapse" id="main-menu">
                    <ul class="menu">
                        
                            <li role="presentation" class="text-center">
                                <a href="/blog"><i class="fa "></i>首页</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/categories/h5/"><i class="fa "></i>web前端</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/categories/后端/"><i class="fa "></i>后端</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/categories/工具/"><i class="fa "></i>工具</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/archives/"><i class="fa "></i>时间轴</a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>
    <section class="content-wrap">
        <div class="container">
            <div class="row">
                <main class="col-md-8 main-content ">
                    
    <div class="carousel">
        <a href="https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=xs0pypd2" target="_blank">
            <img src="/blog/./img/head-img.jpg" alt>
        </a>
    </div>





<article class="post">
    
    <div class="post-content">
        <div class="post-head home-post-head">
            <h1 class="post-title">
                <a href="/blog/2019/06/01/第三章-表单/">第三章 表单</a>
            </h1>
            <div class="post-meta">  &bull;
                <time class="post-date" datetime title>
                    2019年06月01日
                </time>
            </div>
        </div>
        <p class="brief">
            
                本章问答
1、什么是表单
通俗地讲，表单就是一个将用户信息组织起来的容器。将需要用户填写的内容放置在表单容器中，当用户单击“提交”按钮的时候，表单会将数据统一发送给服务器。

2、表单的应用场景有哪些

登录、注册
网上订单
调查问卷...
            
        </p>
    </div>
    
        <footer class="post-footer clearfix">
            <div class="pull-left tag-list">
                <div class="post-meta">
    
        <span class="categories-meta fa-wrap">
            <i class="fa fa-folder-open-o"></i>
            <a class="category-link" href="/blog/categories/web前端/">web前端</a>
        </span>
    

    
        <span class="fa-wrap">
            <i class="fa fa-tags"></i>
            <span class="tags-meta">
                
                    <a class="tag-link" href="/blog/tags/HTML/">HTML</a>
                
            </span>
        </span>
    

    
</div>
            </div>

            <div class="post-permalink">
                <a href="/blog/2019/06/01/第三章-表单/" class="btn btn-default">阅读全文</a>
            </div>
        </footer>
    
</article>


<article class="post">
    
    <div class="post-content">
        <div class="post-head home-post-head">
            <h1 class="post-title">
                <a href="/blog/2019/05/31/第二章-列表、表格和媒体元素/">第二章 列表、表格和媒体元素</a>
            </h1>
            <div class="post-meta">  &bull;
                <time class="post-date" datetime title>
                    2019年05月31日
                </time>
            </div>
        </div>
        <p class="brief">
            
                本章问答
1、列表有哪些使用场合
树形可折叠菜单、购物网站的商品展示等。

2、列表分为几种类型，它们分别应用在哪些场景下
列表分为无序列表、有序列表和定义列表。

无序列表：一般用于导航、侧边栏新闻、有规律的图文组合模块等。
有序列...
            
        </p>
    </div>
    
        <footer class="post-footer clearfix">
            <div class="pull-left tag-list">
                <div class="post-meta">
    
        <span class="categories-meta fa-wrap">
            <i class="fa fa-folder-open-o"></i>
            <a class="category-link" href="/blog/categories/web前端/">web前端</a>
        </span>
    

    
        <span class="fa-wrap">
            <i class="fa fa-tags"></i>
            <span class="tags-meta">
                
                    <a class="tag-link" href="/blog/tags/HTML/">HTML</a>
                
            </span>
        </span>
    

    
</div>
            </div>

            <div class="post-permalink">
                <a href="/blog/2019/05/31/第二章-列表、表格和媒体元素/" class="btn btn-default">阅读全文</a>
            </div>
        </footer>
    
</article>


<article class="post">
    
    <div class="post-content">
        <div class="post-head home-post-head">
            <h1 class="post-title">
                <a href="/blog/2019/05/29/第一章-HTML5基础/">第一章  HTML5基础</a>
            </h1>
            <div class="post-meta">  &bull;
                <time class="post-date" datetime title>
                    2019年05月29日
                </time>
            </div>
        </div>
        <p class="brief">
            
                本章问答1、html是一种什么类型的语言2、w3c标准指什么说的，分别对应哪些技术3、html5文件的基本结构包含几部分，分别是什么4、网页中的标签有什么特点，在使用的使用应该注意什么5、doctype声明有什么作用，必须位于HTML...
            
        </p>
    </div>
    
        <footer class="post-footer clearfix">
            <div class="pull-left tag-list">
                <div class="post-meta">
    
        <span class="categories-meta fa-wrap">
            <i class="fa fa-folder-open-o"></i>
            <a class="category-link" href="/blog/categories/web前端/">web前端</a>
        </span>
    

    
        <span class="fa-wrap">
            <i class="fa fa-tags"></i>
            <span class="tags-meta">
                
                    <a class="tag-link" href="/blog/tags/HTML/">HTML</a>
                
            </span>
        </span>
    

    
</div>
            </div>

            <div class="post-permalink">
                <a href="/blog/2019/05/29/第一章-HTML5基础/" class="btn btn-default">阅读全文</a>
            </div>
        </footer>
    
</article>


<article class="post">
    
        <div class="post-media">
            <a href="/blog/2019/05/26/Nodejs npm cnpm 自定义安装配置/">
                <img class="img-ajax" src="/blog/img/loading.gif" data-src="/blog/.png" alt="Nodejs npm cnpm 自定义安装配置">
            </a>
        </div>
    
    <div class="post-content">
        <div class="post-head home-post-head">
            <h1 class="post-title">
                <a href="/blog/2019/05/26/Nodejs npm cnpm 自定义安装配置/">Nodejs npm cnpm 自定义安装配置</a>
            </h1>
            <div class="post-meta">  &bull;
                <time class="post-date" datetime title>
                    2019年05月26日
                </time>
            </div>
        </div>
        <p class="brief">
            
                Nodejs npm cnpm 自定义安装配置
自定义 Nodejs 安装目录
配置 全局安装
安装 cnpm，配置环境。

简介：什么是npm和cnpm
npm（node package manager）：nodejs的包管理器，用...
            
        </p>
    </div>
    
        <footer class="post-footer clearfix">
            <div class="pull-left tag-list">
                <div class="post-meta">
    
        <span class="categories-meta fa-wrap">
            <i class="fa fa-folder-open-o"></i>
            <a class="category-link" href="/blog/categories/教程/">教程</a>
        </span>
    

    
        <span class="fa-wrap">
            <i class="fa fa-tags"></i>
            <span class="tags-meta">
                
                    <a class="tag-link" href="/blog/tags/HTML/">HTML</a>
                
            </span>
        </span>
    

    
</div>
            </div>

            <div class="post-permalink">
                <a href="/blog/2019/05/26/Nodejs npm cnpm 自定义安装配置/" class="btn btn-default">阅读全文</a>
            </div>
        </footer>
    
</article>


<article class="post">
    
    <div class="post-content">
        <div class="post-head home-post-head">
            <h1 class="post-title">
                <a href="/blog/2019/05/26/使用Gitee-Hexo搭建个人博客/">使用Gitee+Hexo搭建个人博客</a>
            </h1>
            <div class="post-meta">  &bull;
                <time class="post-date" datetime title>
                    2019年05月26日
                </time>
            </div>
        </div>
        <p class="brief">
            
                为何使用Gitee而不是GitHub目前国内访问GitHub速度慢，还可能被墙，所以Gitee来构建个人博客。Gitee类似国内版的GitHub，访问速度有保证。
环境要求：
Git 
NodeJs 
默认你已经安装了Git和Node...
            
        </p>
    </div>
    
        <footer class="post-footer clearfix">
            <div class="pull-left tag-list">
                <div class="post-meta">
    
        <span class="categories-meta fa-wrap">
            <i class="fa fa-folder-open-o"></i>
            <a class="category-link" href="/blog/categories/教程/">教程</a>
        </span>
    

    
        <span class="fa-wrap">
            <i class="fa fa-tags"></i>
            <span class="tags-meta">
                
                    <a class="tag-link" href="/blog/tags/HTML/">HTML</a>
                
            </span>
        </span>
    

    
</div>
            </div>

            <div class="post-permalink">
                <a href="/blog/2019/05/26/使用Gitee-Hexo搭建个人博客/" class="btn btn-default">阅读全文</a>
            </div>
        </footer>
    
</article>


<article class="post">
    
    <div class="post-content">
        <div class="post-head home-post-head">
            <h1 class="post-title">
                <a href="/blog/2019/05/26/hello-world/">Hello World</a>
            </h1>
            <div class="post-meta">  &bull;
                <time class="post-date" datetime title>
                    2019年05月26日
                </time>
            </div>
        </div>
        <p class="brief">
            
                Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using ...
            
        </p>
    </div>
    
        <footer class="post-footer clearfix">
            <div class="pull-left tag-list">
                <div class="post-meta">
    
        <span class="categories-meta fa-wrap">
            <i class="fa fa-folder-open-o"></i>
            
        </span>
    

    
        <span class="fa-wrap">
            <i class="fa fa-tags"></i>
            <span class="tags-meta">
                
            </span>
        </span>
    

    
</div>
            </div>

            <div class="post-permalink">
                <a href="/blog/2019/05/26/hello-world/" class="btn btn-default">阅读全文</a>
            </div>
        </footer>
    
</article>






                </main>
                
                    
    <aside class="col-md-4 sidebar">
        
        
    <div class="widget">
        <h3 class="title">搜索</h3>
        <div id="search-form">
            <div id="result-mask" class="hide"></div>
            <div class="search-area">
                
                    <input id="search-key" type="search" autocomplete="off" placeholder="搜点什么呢？">
                    <button type="button" class="search-form-submit" id="search-local">站内搜索</button>
                
                
            </div>
            <div id="result-wrap" class="hide">
                <div id="search-result"></div>
            </div>
            <div class="hide">
                <template id="search-tpl">
                    <div class="item">
                        <a href="/{path}" title="{title}">
                            <div class="title">{title}</div>
                            <div class="content">{content}</div>
                        </a>
                    </div>
                </template>
            </div>
        </div>
    </div>

        
        
    <div class="widget">
        <h3 class="title">网站公告</h3>
        <div class="notification">
            <p>
    主题下载：<a href="https://github.com/shenliyang/hexo-theme-snippet" title="fork me" target="_blank">Snippet主题</a> <br>
    主题使用：<a href="https://github.com/shenliyang/hexo-theme-snippet/blob/master/README.md#常见问题" title target="_blank">常见使用问题</a> <br>
    支持主题：<a href="https://github.com/shenliyang/hexo-theme-snippet/stargazers">Star一下</a>
</p>
        </div>
    </div>

        
        
    <div class="widget">
        <h3 class="title">分类</h3>
        <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/blog/categories/web前端/"><i class="fa" aria-hidden="true">web前端</i></a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/教程/"><i class="fa" aria-hidden="true">教程</i></a><span class="category-list-count">2</span></li></ul>
    </div>


        
        
    <div class="widget">
        <h3 class="title">归档</h3>
        <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/blog/archives/2019/06/"><i class="fa" aria-hidden="true">2019年06月</i></a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/blog/archives/2019/05/"><i class="fa" aria-hidden="true">2019年05月</i></a><span class="archive-list-count">5</span></li></ul>
    </div>


        
        
  <div class="widget">
    <h3 class="title">标签云</h3>
    <div class="content tag-cloud">
        
            <a href="/blog/tags/HTML/" style="font-size: 10px;">HTML</a>
        
    </div>
  </div>


        
        
    <div class="widget">
        <h3 class="title">友链</h3>
        <div class="content friends-link">
        
            <a href="https://hexo.io/zh-cn/" class="fa" target="_blank">Hexo官网</a>
        
            <a href="http://www.runoob.com" class="fa" target="_blank">菜鸟编程</a>
        
            <a href="http://www.imooc.com" class="fa" target="_blank">慕课网</a>
        
        </div>
    </div>


        
        
        
    </aside>

                
            </div>
        </div>
    </section>
    <footer class="main-footer">
    <div class="container">
        <div class="row">
        </div>
    </div>
</footer>

<a id="back-to-top" class="icon-btn hide">
	<i class="fa fa-chevron-up"></i>
</a>




    <div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="busuanzi">
    
        访问量:
        <strong id="busuanzi_value_site_pv">
            <i class="fa fa-spinner fa-spin"></i>
        </strong>
        &nbsp; | &nbsp;
        访客数:
        <strong id="busuanzi_value_site_uv">
            <i class="fa fa-spinner fa-spin"></i>
        </strong>
    
</div>

            </div>
            <div class="col-sm-12">
                <span>Copyright &copy; 2017
                </span> |
                <span>
                    Powered by <a href="//hexo.io" class="copyright-links" target="_blank" rel="nofollow">Hexo</a>
                </span> |
                <span>
                    Theme by <a href="//github.com/shenliyang/hexo-theme-snippet.git" class="copyright-links" target="_blank" rel="nofollow">Snippet</a>
                </span>
            </div>
        </div>
    </div>
</div>


	<script src="/blog/js/search.js?rev=@@hash"></script>





    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>


<script src="/blog/js/app.js?rev=@@hash"></script>

</body>
</html>